<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>招聘成本</title>
		<link rel="stylesheet" href="css/bootstrap.css">
		<link rel="stylesheet" href="css/bootstrap-table.css">
		<link rel="stylesheet" href="css/bootstrap-editable.css">
		<link rel="stylesheet" href="css/dashboard.css">
		<link rel="stylesheet" href="css/fileinput.css">
		<link rel="stylesheet" href="css/bootstrap-responsive.min.css">
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/bootstrapValidator.js"></script>
		<script src="js/zh_CN.js"></script>
		<script src="js/bootstrap-table.js"></script>
		<script src="js/bootstrap-table-export.js"></script>
		<script src="js/tableExport.js"></script>
		<script src="js/bootstrap-treeview.js"></script>
		<script src="js/fileinput.js"></script>
		<script src="js/zh.js"></script>
		<script src="js/ga.js"></script>
	</head>

	<body>

		<div class="container">
			<div id="toolbar">
				<button id="remove" class="btn btn-danger" disabled>
            	<i class="glyphicon glyphicon-remove"></i> Delete
        	</button>
			</div>
			<table id="table" data-toggle="table" data-url="js/data1.json" data-toolbar="#toolbar" data-search="true" data-detail-view="true" data-detail-formatter="detailFormatter" data-show-export="true" data-minimum-count-columns="2" data-show-pagination-switch="true" data-pagination="true" data-id-field="id" data-page-list="[3, 5, 10, 20, ALL]">
				<thead>
					<tr>
						<th data-field="id">序列</th>
						<th data-field="name">招聘率</th>
						<th data-field="price">成本</th>
					</tr>
				</thead>
			</table>
		</div>

	</body>

</html>